{% extends '::base.html.twig' %}
{% block stylesheets %}
    <link href="{{ asset('bundles/projresman/css/css_correct.css') }}" rel="stylesheet" type="text/css">
    <link href="{{ asset('bundles/projresman/css/css_main.css') }}" rel="stylesheet" type="text/css">
    <!-- Bootstrap -->
    <link href="{{ asset('bundles/projresman/css/bootstrap.min.css') }}" rel="stylesheet" media="screen">

    <script src="{{ asset('bundles/projresman/js/jquery-2.0.0.min.js') }}"></script>
    <script src="{{ asset('bundles/projresman/js/jsHelper.js') }}"></script>    
{% endblock %}
    
{% block body -%}

    {% block header -%}
        <div id="header">
            <div id="menu">
                <ul>
                    <li id="menu_public">
                        <a href="{% block header_menu_public_href -%}{{ path("public_research_projects") }}{% endblock %}">Public</a>
                    </li>
                    <li id="menu_admin">
                        <a href="{% block header_menu_admin_href -%}{{ path("admin_people") }}{% endblock %}">Admin</a>
                    </li>
                    <li id="menu_director">
                        <a href="{% block header_menu_director_href -%}{{ path("headmaster_get_projects") }}{% endblock %}">Director departament</a>
                    </li>
                    <li id="menu_cadre">
                        <a href="{% block header_menu_cadre_href -%}{{ path("department_get_projects") }}{% endblock %}">Cadre didactice</a>
                    </li>

                    {% if app.security.getToken().getUser() == "anon." %}
                        <a id="menu_login" class="btn btn-inverse" href="{% block header_menu_login_href -%} {{ path("fos_user_security_login") }} {% endblock %}" 
                            style="font-weight:bold; font-family:Ubuntu-Bold; float:right; margin-top:-2px;">
                            {% block header_menu_login_text %}
                                Log In
                            {% endblock %}
                        </a>
                    {% else %}
                        <span id="user_name">
                            <div id="account" style="float:right">
                                <button id='loginBtn' class="btn btn-success" style="margin-top:-2px;min-width: 159px;">
                                        Hi! {{ app.security.getToken().getUser().getUsername() }}
                                </button>
                                <ul id="account-menu" style="position: absolute; top: 26px; width: 159px; display: none;">
                                        <li id="youAccountBtn">
                                                <a href="#my_account">Your Account</a>
                                        </li>
                                        <li id="signOutBtn">
                                                <a href="{{ path("fos_user_security_logout") }}">
                                                    Sign Out
                                                </a>
                                        </li>
                                </ul>
                            </div>
                        </span>
                    {% endif %}
                </ul>
            </div>
        </div>
    {% endblock %}
    
    {% block content -%}
        {{ block('fos_user_content')}}
    {% endblock %}

    {% block footer -%}
        <div id="footer">&copy; Copyright ProiectColectiv Team 2013</div>
    {% endblock %}

    <script src="{{ asset('bundles/projresman/js/selectPage.js') }}"></script>
{% endblock %}
